
//百分比过度色按钮
otherMiniBtn(bg-btn = bg-darker-btn){
  cursor:pointer;
  color:#fff;
  background-color: bg-btn;
  &:hover{
    background-color: lighten(bg-btn,30%);
  }
  &:active{
    background-color: darken(bg-btn,20%);
  }
}
//三态按钮
namedBtn(bg-btn = bg-primary,bg-hover = bg-primary-hover,bg-active = bg-primary-active){
  cursor:pointer;
  color:#fff;
  background-color: bg-btn;
  &:hover{
    background-color: bg-hover;
  }
  &:active{
    background-color: bg-active;
  }
}